$(function () {


    $("#latent_datagrid").datagrid({
        url: '/client/list',
        fit: true,
        toolbar: '#latent_toolbar',
        fitColumns: true,
        rownumbers: true,
        singleSelect: true,
        pagination: true,
        //设置那些列可以进行排序
        sortName: 'age',
        //按什么规则排序
        sortOrder: 'desc',
        columns: [[
            {field: 'name', title: '客户姓名', width: 100},
            {field: 'age', title: '年龄', width: 100},
            {
                field: 'gender', title: '性别', width: 100, formatter: function (value, row, index) {
                    return value ? '女' : '男'
                }
            },
            {field: 'address', title: '客户地址', width: 100, align: 'center'},
            {field: 'email', title: '邮箱', width: 100},
            {field: 'idNumber', title: '身份证号', width: 100}
        ]],
        onLoadSuccess: function () {
            $("#latent_form").form('clear')
        }

    });
    /*客户信息的弹窗*/
    $("#latent_dialog").dialog({
        width: 800,
        height: 375,
        closed: true,
        modal: true,
        buttons: '#latent_btn'
    });


    $("#car_datagrid").datagrid({
        url: '/car/query',
        fit: true,
        toolbar: '#car_toolbar',
        fitColumns: true,
        rownumbers: true,
        singleSelect: true,
        pagination: true,
        columns: [[
            {field: 'id', checkbox: true},
            {field: 'brand', title: '车辆品牌', width: 80},
            {field: 'model', title: '车辆型号', width: 80},
            {field: 'gas', title: '排气量/L', width: 80},
            {field: 'price', title: '市场估价/万', width: 80},
            {
                field: 'type', title: '分类', width: 80, formatter: function (value) {
                    return value ? '载人' : '<font color="red">载物</font>';
                }
            },
            {
                field: 'loadSize', title: '车载大小', width: 80, formatter: function (value, row, index) {
                        if(value==0){
                            return "小型";
                        }else if(value==1){
                            return "中型";
                        }else {
                            return "大型";
                        };
                }
            }
        ]],
        onLoadSuccess: function () {
            $("#car_form").form('clear')
        }
    });
    /*车辆信息信息的弹窗*/
    $("#car_dialog").dialog({
        width: 800,
        height: 420,
        closed: true,
        modal: true,
        buttons: '#car_btn'
    });
    //添加信息弹出来的
    $("#productInfo_datagrid").datagrid({
        url: '/product/query',
        fit: true,
        toolbar: '#pro_toolbar',
        fitColumns: true,
        rownumbers: true,
        // singleSelect:true,
        pagination: true,
        columns: [[
            {field: 'id', checkbox: true},
            {field: 'sn', title: '保险编号', width: 40},
            {field: 'name', title: '产品名称', width: 40},
            {
                field: 'company', title: '所属机构', width: 80, formatter: function (value, row, index) {
                    return value.name;
                }
            },
            {field: 'year', title: '保障年限', width: 80},
            {field: 'money', title: '保额', width: 80},
            {field: 'annualFee', title: '年费', width: 80},
            {
                field: 'saleState', title: '状态', width: 40, formatter: function (value, row, index) {
                    return value ? "<font color='green'>在售</font>" : "<font color='red'>停售</font>";
                }
            },
            {
                field: 'deductState', title: '不计免赔', width: 40, formatter: function (value, row, index) {
                    return value ? "<font color='green'>是</font>" : "<font color='red'>否</font>";
                }
            }
        ]],
        onLoadSuccess: function () {
            $("#totalAmount").html("0");
            $("#burningTime").textbox("clear");
        }
    });
    /*产品信息信息的弹窗*/
    $("#productInfo_dialog").dialog({
        width: 600,
        height: 300,
        closed: true,
        modal: true,
        buttons: '#productInfo_btn'
    });
    /*产品信息*/
    $("#pro_datagrid").datagrid({
        // url:'',
        fit: true,
        fitColumns: true,
        toolbar: '#remove_btn',
        columns: [[
            {field: 'sn' +
            '', title: '保险编号', width: 40},
            {field: 'name', title: '保险产品', width: 40},
            {field: 'annualFee', title: '保险年费', width: 40},
        ]]
    });


    //求总额
    $("#burningTime").textbox({
        width: 60,
        onChange: function (newValue, oldValue) {
            var rows = $("#pro_datagrid").datagrid('getRows');
            var totalAmount = 0;
            for (var i = rows.length - 1; i >= 0; i--) {
                totalAmount = totalAmount + rows[i].annualFee;
            }
            totalAmount = parseFloat(totalAmount * newValue);
            $("#totalAmount").html(totalAmount);
        }
    })
    //提交表单
    $("#submitBtn").linkbutton({
        onClick: function () {
            $('#latent_form').form('submit', {
                url: '/carInsurance/client',
                success: function (data) {
                    $('#car_form').form('submit', {
                        url: '/carInsurance/car',
                        success: function (data) {
                            $('#productInfo_form').form('submit', {
                                url: '/carInsurance/product',
                                onSubmit: function (params) {
                                    var rows = $("#pro_datagrid").datagrid('getRows');
                                    var totalAmount = $("#totalAmount").html();
                                    var ids = $.map(rows, function (item) {
                                        return item.id;
                                    })
                                    params["totalAmount"] = totalAmount;
                                    params["ids"] = ids;
                                },
                                success: function (data) {
                                    $.messager.alert('提示信息', '提交成功', 'info', function () {
                                        $("#latent_form").form('clear');
                                        $("#car_form").form('clear');
                                        $("#pro_datagrid").datagrid('loadData', []);
                                        $("#totalAmount").html("0");
                                        $("#burningTime").textbox("clear");
                                    });
                                }
                            });

                        }
                    });
                }
            });
        }
    });

//所用的点击事件，都通过这个方法来调用对应的方法
$("a[data-cmd]").click(function () {
    var cmd = $(this).data("cmd");
    methodObject[cmd]();
});

//把所有的方法放到一个对象中，方便管理
var methodObject = {
    productInfo_remove: function () {
        var rows = $("#pro_datagrid").datagrid('getSelections');
        //如果没有选择车辆信息的一条记录
        if (rows.length == 0) {
            $.messager.alert('温馨提示', '至少选择一条记录', 'error');
            return;
        }
        for (var i = rows.length - 1; i >= 0; i--) {

            $("#pro_datagrid").datagrid('deleteRow', i);
        }
        $("#totalAmount").html("0");
        $("#burningTime").textbox("clear");
        $("#pro_datagrid").datagrid('load');
    },
    chooseLatent: function () {
        $("#latent_datagrid").datagrid('load')
        $("#latent_dialog").dialog('open');
        $("#latent_dialog").dialog('setTitle', '客户信息');

    },
    latent_save: function () {
        var row = $("#latent_datagrid").datagrid('getSelected');
        //如果没有选择车辆信息的一条记录
        if (row == null) {
            $.messager.alert('温馨提示', '至少选择一条记录', 'error');
            return;
        }
        $("#latent_form").form('load', row);
        $("#latent_dialog").dialog('close');
    },
    //添加产品
    addProduct: function () {
        var id = $("#agency").combobox('getValue');
        //如果没有选择车辆信息的一条记录
        if (id == "" || id == null) {
            $.messager.alert('温馨提示', '至少选择一条记录', 'error');
            return;
        }
        $("#productInfo_datagrid").datagrid('load', {
            companyId: id
        })
        $("#productInfo_dialog").dialog('open');
        $("#productInfo_dialog").dialog('setTitle', '产品信息');

    },
    productInfo_save: function () {
        var products = $("#productInfo_datagrid").datagrid("getSelections");
        if (products.length == 0) {
            $.messager.alert('温馨提示', '至少选择一条记录', 'error');
            return;
        }
        $("#pro_datagrid").datagrid('loadData', products);
        $("#productInfo_dialog").dialog('close');
    },
    chooseCar: function () {
        $("#car_datagrid").datagrid('load')
        $("#car_dialog").dialog('open');
        $("#car_dialog").dialog('setTitle', '车辆信息');

    },
    car_save: function () {
        var row = $("#car_datagrid").datagrid('getSelected');
        //如果没有选择车辆信息的一条记录
        if (row == null) {
            $.messager.alert('温馨提示', '至少选择一条记录', 'error');
            return;
        }
        if (row.carSizeDetail) {
            row['carSizeDetail.id'] = row.carSizeDetail.id;
        }
        $("#car_form").form('load', row);
        $("#car_dialog").dialog('close');
    }
}

})
